<template>
    <div class="lygTest">
        <div class="video_row">
            <div class="video_item" >
                <div class="video_content">
                    视频加载失败...
                </div>
                <div class="video_bottom">
                    96444关键监控点
                </div>
            </div>
            <div class="video_item" >
                <div class="video_content">
                    视频加载失败...
                </div>
                <div class="video_bottom">
                    遗体接运全程录像
                </div>
            </div>
        </div>
        <div class="video_row">
            <div class="video_item" >
                <div class="video_content">
                    视频加载失败...
                </div>
                <div class="video_bottom">
                    遗体接收关键点监控
                </div>
            </div>
            <div class="video_item" >
                <div class="video_content">
                    视频加载失败...
                </div>
                <div class="video_bottom">
                    化妆间监控
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
           
        }
    }
}
</script>
<style scoped>
.lygTest{
    width:100%;
    height:100%;
    padding:10px;
    display:flex;
    flex-direction: column;
}
.video_row{
    flex:1;
    display:flex;
    flex-direction: row;
}
.video_item{
    display:flex;
    flex-direction: column;
    height:100%;
    text-align:center;
    flex:1;
    border:1px solid #ddd;
}
.video_content{
    flex:1;
    background:#000;
    color:#fff;
    display:flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.video_bottom{
    font-weight: bold;
    font-size:22px;
    padding:20px;
}
</style>